<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>KISSY gallery - Loading</title>
<link rel="shortcut icon" href="../../../../kissy-dpl/base/assets/favicon.ico"/>
<link rel="stylesheet" href="../../../../kissy-dpl/base/assets/reset.css"/>
<link rel="stylesheet" href="../../../../kissy-dpl/base/assets/kissy-docs.css"/>
<script src="http://docs.kissyui.com/kissy/build/kissy.js"></script>
<script src="../../../../kissy-dpl/base/assets/kissy-docs.js"></script>
<script>
    KISSY.config({
        packages:[
            {
                name:"gallery",
                tag:"20111220",
                path:"../../../",  // cdn上适当修改对应路径
                charset:"utf-8"
            }
        ]
    });
</script>

</head>
<body>
<div id="header">
    <h1 class="logo"><a alt="KISSY" href="http://kissyui.com/"><img src="../../../../kissy-dpl/base/assets/logo.png"/></a></h1>
    <div class="sub-title">Gallery</div>
    <ul class="navigation">
        <li><a href="http://blog.kissyui.com/">博客</a></li>
        <li><a href="http://github.com/kissyteam">源码</a></li>
    </ul>

</div>
<div id="content">
    <div class="s-crumbs">
        <span>当前位置：</span>
        <a href="http://kissyui.com/">KISSY</a>
        <a href="../../../index.html">Gallery</a>
        <span>Loading</span>
    </div>
            <pre class="s-section">                
作者：fool2fish@gmail.com(沉鱼)
功能：loading
描述：显示/关闭加载状态
源码：<a href="loading.js">loading.js</a></pre>

    <h3 class="s-title">Demo</h3>
    <div class="s-section">
        <div class="s-demo">
            <a id="S_Trigger" href="demo.html#">点我显示loading状态,3秒后自动关闭</a>
            <script>
                KISSY.use('gallery/loading/1.0/loading, gallery/loading/1.0/assets/loading.css', function(S, Loading) {
                    var DOM = S.DOM, Event = S.Event;
                    var loading = new Loading();
                    Event.on('#S_Trigger', 'click', function(ev) {
                        ev.preventDefault();
                        loading.show();
                        setTimeout(function() {
                            loading.hide();
                        }, 3000);
                    });
                });
            </script>
        </div>
        <a class="s-view-code" href="demo.html#">显示源码</a>
    </div>
</div>
<div id="footer">
    &copy; Copyright 2010~2011, KISSY Team.
</div>
</body>
</html>